<script setup>
import {ref, reactive} from 'vue'
// 想要响应式地绑定一个 attribute，应该使用 v-bind 指令，也就是动态绑定
const dynamicId = ref(123)

// 测试为空
// 如果绑定的值是 null 或者 undefined，那么该 attribute 将会从渲染的元素上移除。
const dynamicId2 = ref(null)

</script>

<template>
    <div v-bind:id="dynamicId">123456</div>
    <div :id="dynamicId2">123456</div>
</template>